<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" /> 
	<!--iphone设备中的safari私有meta标签，表示：允许全屏模式浏览；-->
	<meta content="yes" name="apple-mobile-web-app-capable" /> 
	<!--iphone的私有标签，指定的iphone中safari顶端的状态条的样式；-->
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<!--告诉设备忽略将页面中的数字识别为电话号码-->
	<meta content="telephone=no" name="format-detection" />
	<title></title>
	<link rel="stylesheet" type="text/css" href="css/zui.min.css">
	<link rel="stylesheet" type="text/css" href="css/sub-share.css">
	<script type="text/javascript" src="js/zepto.min.js"></script>
	<script type="text/javascript" src="js/sub-comm.js"></script>
</head>
<body class="hidden-md hidden-lg sub-share">
	<div class="header">
		<div class="col-xs-3">
			<img src="images/lizi.png">
		</div>
		<div class="col-xs-9">
			<p>
				<span>马上转</span>
				<img src="images/sub-share1.png">
			</p>
			<p>中国注册金融分析师</p>
		</div>
	</div>
	<div class="detail">
		<div class="tips">此游戏已在步步为营被您闯关成功，不可多次游戏</div>
		<div class="cont">
			<img class="sub-title" src="images/sub-title.png">
			<div class="sub-top-bg">
				<img src="images/sub-top-bg.png">
			</div>
			<div class="sub-center-bg">
				<p>他该在今年之内赎回投资出去的股金吗？</p>
				<p class="feild">
					<span>黄金</span>
					<span>黄金</span>
					<span>黄金</span>
					<span>黄金</span>
				</p>
				<p>
					<span>等级:<em>初级</em></span>
					<span>正确率:<em>55%</em></span>
				</p>
			</div>
			<div class="sub-bottom-bg">
				<img src="images/sub-bom-bg.png">
				<button>开始游戏（冻结5元）</button>
				<button class="disabled">你是该题的作者，不能参与游戏题哦</button>
				<button class="other">看看马上赚其他的游戏题</button>
			</div>
			
		</div>
	</div>
	<script type="text/javascript">
		$(function() {
			var bottomH = $('.sub-bg').width()*135/698;
			var btnH = $('button').height();
			console.log(bottomH + '-----' +btnH)
			//$('button').css('bottom',(bottomH-btnH)/2+'px')
		})
	</script>
</body>
</html>